<template>
  <div>
    <div class="rule-item">
      <el-form-item prop="partitionFrameTime">
        <el-input v-model.number="form.partitionFrameTime" class="input-box" type="text" @input="$emit('sanitize', 'partitionFrameTime')" />
      </el-form-item>
      <span class="rule-label">小时内，每小时收费</span>
      <el-form-item prop="partitionFramePrice">
        <el-input v-model.number="form.partitionFramePrice" class="input-box" type="text" @input="$emit('sanitize', 'partitionFramePrice')" />
      </el-form-item>
      <span class="rule-label">元</span>
    </div>
    <div class="rule-item">
      <span class="rule-label">每增加</span>
      <el-form-item prop="partitionIncreaseTime">
        <el-input v-model.number="form.partitionIncreaseTime" class="input-box" type="text" @input="$emit('sanitize', 'partitionIncreaseTime')" />
      </el-form-item>
      <span class="rule-label">小时，增加</span>
      <el-form-item prop="partitionIncreasePrice">
        <el-input v-model.number="form.partitionIncreasePrice" class="input-box" type="text" @input="$emit('sanitize', 'partitionIncreasePrice')" />
      </el-form-item>
      <span class="rule-label">元</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PartitionRule',
  props: {
    form: {
      type: Object,
      required: true
    }
  }
}
</script>
